<template>
  <div class="flex flex-col items-center justify-center h-full">
    <img class="w-36 mb-1 mt-24" src="@/static/h5images/empta_data.png"/>
    <h2 class="text-xl font-medium text-gray-900">{{ props.title }}</h2>
    <p class="text-gray-700 mt-4">{{ props.desc }}</p>
    <!--    <button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded mt-8" @click="reloadData">-->
    <!--      Reload Data-->
    <!--    </button>-->
  </div>
</template>

<script lang="ts" setup>

const props = defineProps({
  title: {
    type: String,
    required: false,
    default: "无该二维码相关数据",
  },
  desc: {
    type: String,
    required: false,
    default: "如有问题请联系厂家客服",
  },
})
</script>